<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
</head>
<body>
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>6月</legend>
        </fieldset>
        <ul class="layui-timeline">
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">2020年6月6日</h3>
                    <p>
                        Ajax显然是比JSP更优的选择,主流前端框架的数据表格，全部采用Ajax传输JSON数据与后台交互。
                        <br>不忘初心，砥砺前行！
                        <br>开发十几天，变化不大。
                    </p>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">2020年6月4日,无。</h3>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <div class="layui-timeline-title">2020年6月1日，儿童节，网站开发陷入一种无思路状态。</div>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <div class="layui-timeline-title">阳光之中到处可见奔忙的人们，被拥挤着，被一晃而飞的光阴忽略过。</div>
                </div>
            </li>
        </ul>

        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>5月</legend>
        </fieldset>
        <ul class="layui-timeline">
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis" style="color: red"></i>
                <div class="layui-timeline-content layui-text">
                    <div class="layui-timeline-title">2020年5月28日SWP后台导航搭建完成</div>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <div class="layui-timeline-title">2020年5月27日，SWP后台框架搭建</div>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <div class="layui-timeline-title">2020年5月26日，JSP页面真心不好用</div>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <div class="layui-timeline-title">2020年5月20日登陆、注册等页面开发完成</div>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <div class="layui-timeline-title">2020年5月15日，网站立项</div>
                </div>
            </li>
        </ul>
<script src="../layui/layui.all.js" charset="utf-8"></script>
<script>
    layui.use('element', function () {
        var element = layui.element;
    });
</script>
</body>
</html>